<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/madio.css">
    <link rel="stylesheet" href="./bootstrap/css/bootstrap.min.css">
    <script src="./jquery.min/jquery.min.js"></script>
    <script src="./bootstrap/js/bootstrap.min.js"></script>
    <script src="./index.js"></script>
    <title>精灵保</title>
</head>

<body>
    <div class="w100 bc">
        <!-- 第一模块 -->
        <div class="container">
            <nav class="navbar navbar-default">
                <div class="container-fluid">
                    <!-- Brand and toggle get grouped for better mobile display -->
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                            data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar bc-white"></span>
                            <span class="icon-bar bc-white"></span>
                            <span class="icon-bar bc-white"></span>
                        </button>
                        <a class="top-left" href="#">
                            <img src="./img/图片.png" alt="">
                            <p class="white fs">精灵宝</p>
                        </a>
                    </div>

                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                        <ul class="nav navbar-nav">
                            <li><a href="#" class="white">首页</a></li>
                            <li><a href="#" class="white">产品&服务</a></li>
                            <li><a href="#" class="white">案例</a></li>
                            <li><a href="#" class="white">案例合作</a></li>
                            <li><a href="#" class="white">关于我们</a></li>
                        </ul>


                    </div><!-- /.navbar-collapse -->
                </div><!-- /.container-fluid -->
            </nav>

        </div>
        <!-- 第二模块 -->
        <div class="container">
            <div class="box-two">
                <p>互联网时代保险规划服务智能系统</p>
                <p>在线获客，家庭保障规划与客户管理的数字化工具</p>
                <p>立即咨询体验</p>
                <div class="box-two-img">
                    <img src="./img/图片 2.png" alt="">
                </div>
            </div>
        </div>
    </div>

    <!-- 第三模块 -->
    <div class="w100 qing">
        <div class="container">
            <div class="box-three">
                <ul>
                    <li>
                        <div>
                            <span>服务家庭数</span>
                            <p>
                                <span>2.1</span>
                                <span>万</span>
                            </p>
                        </div>
                        <div>
                            <span>合作商家数</span>
                            <p>
                                <span>82</span>
                                <span>家</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <div>
                            <span>总计方案数</span>
                            <p>
                                <span>XXXX</span>
                                <span>万</span>
                            </p>
                        </div>
                        <div>
                            <span>累计生成保单数</span>
                            <p>
                                <span>XXX</span>
                                <span>万</span>
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 第四模块 -->

    <div class="W100">
        <div class="container">
            <div class="box-four">
                <p class="fontbig">完整产品与服务能力闭环</p>
                <p class="fontxiao">助力合作伙伴构建一个 [互联网+保险] 的综合性服务系统平台</p>
                <div>
                    <img src="" alt="">img
                </div>
            </div>
        </div>
    </div>

    <!-- 第五模块 -->

    <div class="W100 yellow">
        <div class="container">
            <div class="box-five">
                <div>
                    <ul>
                        <li class="fontbig white">引流获客</li>
                        <li class="lis"><a href="javascript:;" class="a-one">进一步了解 ></a></li>
                    </ul>
                    <p>帮助合作伙伴解决获客问题，直接提供高质量的潜在需求客户，还支持商家品牌引流投放，从此不再为客户来源而苦恼</p>
                    <div>
                        <img src="./img/图片 2.png" alt="">
                    </div>
                </div>
            </div>

        </div>
    </div>

    <div class="W100 blue">
        <div class="container">
            <div class="box-five">
                <div>
                    <ul>
                        <li class="fontbig white">客户管理</li>
                        <li class="lis"><a href="javascript:;" class="a-two">进一步了解 ></a></li>
                    </ul>
                    <p>帮助合作伙伴解决获客问题，直接提供高质量的潜在需求客户，还支持商家品牌引流投放，从此不再为客户来源而苦恼</p>
                    <div>
                        <img src="./img/图片 2.png" alt="">
                    </div>
                </div>
            </div>

        </div>
    </div>

    <div class="W100 green">
        <div class="container">
            <div class="box-five">
                <div>
                    <ul>
                        <li class="fontbig white">保障规划</li>
                        <li class="lis"><a href="javascript:;" class="a-three">进一步了解 ></a></li>
                    </ul>
                    <p>帮助合作伙伴解决获客问题，直接提供高质量的潜在需求客户，还支持商家品牌引流投放，从此不再为客户来源而苦恼</p>
                    <div>
                        <img src="./img/图片 2.png" alt="">
                    </div>
                </div>
            </div>

        </div>
    </div>

    <!-- 第六个模块 -->
    <div class="w100">
        <div class="container">
            <div class="box-six">
                <p class="fontbig black">覆盖每个服务环节</p>
                <p class="fontxiao pd2 six-bottom">从获客、管理、保障规划、方案定制、保险购买，为合作伙伴提供一站式的全流程支持</p>
                <div class="six-main">
                    <p>投放获客</p>
                    <ul>
                        <li>
                            <div>
                                <p>
                                    <img src="./img/fas fa-star.svg" alt="">
                                </p>
                                <p>
                                    <span>品牌投放</span>
                                    <span>双击编辑文本双击编辑文本双击编辑文本
                                    </span>
                                </p>
                            </div>
                            <div>
                                <p>
                                    <img src="./img/fas fa-star.svg" alt="">
                                </p>
                                <p>
                                    <span>品牌投放</span>
                                    <span>双击编辑文本双击编辑文本双击编辑文本
                                    </span>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div>
                                <p>
                                    <img src="./img/fas fa-star.svg" alt="">
                                </p>
                                <p>
                                    <span>品牌投放</span>
                                    <span>双击编辑文本双击编辑文本双击编辑文本
                                    </span>
                                </p>
                            </div>
                            <div>
                                <p>
                                    <img src="./img/fas fa-star.svg" alt="">
                                </p>
                                <p>
                                    <span>品牌投放</span>
                                    <span>双击编辑文本双击编辑文本双击编辑文本
                                    </span>
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>

                <div class="six-main">
                    <p>客户管理</p>
                    <ul>
                        <li>
                            <div>
                                <p>
                                    <img src="./img/fas fa-star.svg" alt="">
                                </p>
                                <p>
                                    <span>品牌投放</span>
                                    <span>双击编辑文本双击编辑文本双击编辑文本
                                    </span>
                                </p>
                            </div>
                            <div>
                                <p>
                                    <img src="./img/fas fa-star.svg" alt="">
                                </p>
                                <p>
                                    <span>品牌投放</span>
                                    <span>双击编辑文本双击编辑文本双击编辑文本
                                    </span>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div>
                                <p>
                                    <img src="./img/fas fa-star.svg" alt="">
                                </p>
                                <p>
                                    <span>品牌投放</span>
                                    <span>双击编辑文本双击编辑文本双击编辑文本
                                    </span>
                                </p>
                            </div>
                            <div>
                                <p>
                                    <img src="./img/fas fa-star.svg" alt="">
                                </p>
                                <p>
                                    <span>品牌投放</span>
                                    <span>双击编辑文本双击编辑文本双击编辑文本
                                    </span>
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>

                <div class="six-main">
                    <p>保障规划</p>
                    <ul>
                        <li>
                            <div>
                                <p>
                                    <img src="./img/fas fa-star.svg" alt="">
                                </p>
                                <p>
                                    <span>品牌投放</span>
                                    <span>双击编辑文本双击编辑文本双击编辑文本
                                    </span>
                                </p>
                            </div>
                            <div>
                                <p>
                                    <img src="./img/fas fa-star.svg" alt="">
                                </p>
                                <p>
                                    <span>品牌投放</span>
                                    <span>双击编辑文本双击编辑文本双击编辑文本
                                    </span>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div>
                                <p>
                                    <img src="./img/fas fa-star.svg" alt="">
                                </p>
                                <p>
                                    <span>品牌投放</span>
                                    <span>双击编辑文本双击编辑文本双击编辑文本
                                    </span>
                                </p>
                            </div>
                            <div>
                                <p>
                                    <img src="./img/fas fa-star.svg" alt="">
                                </p>
                                <p>
                                    <span>品牌投放</span>
                                    <span>双击编辑文本双击编辑文本双击编辑文本
                                    </span>
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>

                <div class="six-main">
                    <p>方案保单</p>
                    <ul>
                        <li>
                            <div>
                                <p>
                                    <img src="./img/fas fa-star.svg" alt="">
                                </p>
                                <p>
                                    <span>品牌投放</span>
                                    <span>双击编辑文本双击编辑文本双击编辑文本
                                    </span>
                                </p>
                            </div>
                            <div>
                                <p>
                                    <img src="./img/fas fa-star.svg" alt="">
                                </p>
                                <p>
                                    <span>品牌投放</span>
                                    <span>双击编辑文本双击编辑文本双击编辑文本
                                    </span>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div>
                                <p>
                                    <img src="./img/fas fa-star.svg" alt="">
                                </p>
                                <p>
                                    <span>品牌投放</span>
                                    <span>双击编辑文本双击编辑文本双击编辑文本
                                    </span>
                                </p>
                            </div>
                            <div>
                                <p>
                                    <img src="./img/fas fa-star.svg" alt="">
                                </p>
                                <p>
                                    <span>品牌投放</span>
                                    <span>双击编辑文本双击编辑文本双击编辑文本
                                    </span>
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>


            </div>
        </div>
    </div>

    <!-- 第七个模块 -->
    <div class="w100">
        <div class="container">
            <p class="fontbig seven-p">经纪公司&独立代理人两种合作模式</p>
            <p class="fontxiao seven-p2 pd2">从合作伙伴立场出发，为每一个有意加入互联网保险行列的企业或个人提供全平台服务</p>
            <div class="box-servenmain">
                <div class="box-sevens">
                    <div>
                        <div class="seven-main">
                            <div>
                                <p>经纪公司 · 合作模式</p>
                                <p>帮助传统保险经纪公司快速搭上互联网顺风车</p>
                                <li class="margintop"><a href="javascript:;">进一步了解></a></li>
                            </div>
                            <div>
                                <img src="./img/图片 2.png" alt="">
                            </div>
                        </div>
                        <div class="seven-main">
                            <div>
                                <p>经纪公司 · 合作模式</p>
                                <p>帮助传统保险经纪公司快速搭上互联网顺风车</p>
                                <li class="margintop"><a href="javascript:;">进一步了解></a></li>
                            </div>
                            <div>
                                <img src="./img/图片 2.png" alt="">
                            </div>
                        </div>
                        <div class="seven-main">
                            <div>
                                <p>经纪公司 · 合作模式</p>
                                <p>帮助传统保险经纪公司快速搭上互联网顺风车</p>
                                <li class="margintop"><a href="javascript:;">进一步了解></a></li>
                            </div>
                            <div>
                                <img src="./img/图片 2.png" alt="">
                            </div>
                        </div>
                        <div class="seven-main">
                            <div>
                                <p>经纪公司 · 合作模式</p>
                                <p>帮助传统保险经纪公司快速搭上互联网顺风车</p>
                                <li class="margintop"><a href="javascript:;">进一步了解></a></li>
                            </div>
                            <div>
                                <img src="./img/图片 2.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 第八个模块 -->
    <div class="w100 martop">
        <div class="container">
            <p class="fontbig seven-p">全渠道管理场景</p>
            <p class="fontxiao seven-p2 pd2">覆盖全渠道的客户管理场景，不管是PC端还是移动端，都能完成在线管理办公</p>
            <div class="box-servenmain">
                <div class="box-sevens">
                    <div>
                        <div class="seven-main">
                            <div>
                                <p>PC Web端·保障规划系统</p>
                                <p class="minfont">客户管理、产品管理、保单管理、投放推广、微信运营、财务中心、人员管理等等一应俱全 </p>
                                <!-- <li class="margintop"><a href="javascript:;">进一步了解></a></li> -->
                            </div>
                            <div>
                                <img src="./img/图片 2.png" alt="">
                            </div>
                        </div>
                        <div class="seven-main">
                            <div>
                                <p>微信小程序·精灵保管家</p>
                                <p class="minfont">保险理财师获客神器 & 移动展业科学管理客户</p>
                                <!-- <li class="margintop"><a href="javascript:;">进一步了解></a></li> -->
                            </div>
                            <div>
                                <img src="./img/图片 2.png" alt="">
                            </div>
                        </div>
                        <div class="seven-main">
                            <div>
                                <p>H5活动报名</p>
                                <p class="minfont">客户管理、产品管理、保单管理、投放推广、微信运营、财务中心、人员管理等等一应俱全 </p>
                                <!-- <li class="margintop"><a href="javascript:;">进一步了解></a></li> -->
                            </div>
                            <div>
                                <img src="./img/图片 2.png" alt="">
                            </div>
                        </div>
                        <div class="seven-main">
                            <div>
                                <p>微信公众号</p>
                                <p class="minfont">客户管理、产品管理、保单管理、投放推广、微信运营、财务中心、人员管理等等一应俱全</p>
                                <!-- <li class="margintop"><a href="javascript:;">进一步了解></a></li> -->
                            </div>
                            <div>
                                <img src="./img/图片 2.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 第九个模块 -->
    <div class="w100">
        <div class="container">
            <div class="box-nine">
                <p class="fontbig">众多保险经纪公司及从业人员的信赖之选</p>
                <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                    <!-- Indicators -->
                    <ol class="carousel-indicators">
                        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="3"></li>
                    </ol>

                    <!-- Wrapper for slides -->
                    <div class="carousel-inner" role="listbox">
                        <div class="item active">
                            <img src="./img/图片 2.png" alt="...">
                            <div class="carousel-caption">

                            </div>
                        </div>
                        <div class="item">
                            <img src="./img/图片 2.png" alt="...">
                            <div class="carousel-caption">

                            </div>
                        </div>

                        <div class="item">
                            <img src="./img/图片 2.png" alt="...">
                            <div class="carousel-caption">

                            </div>
                        </div>

                        <div class="item">
                            <img src="./img/图片 2.png" alt="...">
                            <div class="carousel-caption">

                            </div>
                        </div>
                    </div>

                    <!-- Controls -->
                    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <!-- 第十个模块 -->
    <div class="w100 bg-ten">
        <div class="container">
            <div class="box-ten">
                <p class="fontbig white">立即咨询加入，享受互联网保险时代的红利！</p>
                <p class="white tyuan">立即咨询体验</p>
            </div>
        </div>
    </div>

    <!-- 第十一个模块 -->
    <div class="w100 bg-eleven">
        <div class="container">
            <div class="box-eleven">
                <ul>
                    <li>
                        <p>合作伙伴</p>
                        <p>XXX科技有限公司</p>
                        <p>XXX科技有限公司</p>
                        <p>XXX科技有限公司</p>
                    </li>
                    <li>
                        <p>服务&产品</p>
                        <p>家庭保障规划系统</p>
                        <p> 精灵保+ · 小程序</p>
                        <p>保单精灵 · 小程序</p>
                        <p>规划师名片</p>
                        <p>客户咨询报名H5</p>
                    </li>
                </ul>
                <ul>
                    <li>
                        <p>关于我们</p>
                        <p>公司简介</p>
                        <p>发展历程</p>
                        <p>媒体报道</p>
                    </li>
                    <li>
                        <p>合作伙伴</p>
                        <p>XXX科技有限公司</p>
                        <p>XXX科技有限公司</p>
                        <p>XXX科技有限公司</p>
                    </li>
                </ul>
                <p class="fontbig white tel">0755-83207212</p>
                <p class="font-eleven">周一至周六 10:00-18:00</p>
                <div>
                    <img src="./img/antOutline-qrcode.svg" alt="">
                </div>
                <p class="font-eleven gz">关注精灵保管家公众号</p>
                <div>
                    <p class="font-eleven">深圳保航网络科技有限公司</p>
                    <p class="font-eleven">Copyright © 2019 All rights reserved</p>
                    <p class="font-eleven">粤ICP备20001954号</p>
                </div>
            </div>
        </div>
    </div>
</body>

</html>